<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        tbody > tr:hover > td {
            background-color: #00adef33;
        }
        tbody > tr:hover > td {
            /*line-height: .5rem;*/
        }

        tbody > tr:nth-of-type(odd) {
            background-color: rgba(0, 0, 0, .35);
        }

        tbody > tr:nth-of-type(even) {
            background-color: rgba(0, 0, 0, .2);
        }

        td, th {
            /*padding: .3rem 0;*/
            text-align: center;
        }

        th {
            /*padding: .5rem 0;*/
            background-color: #4c7aff66;
        }

        td.more > a {
            display: block;
            /*height: 100%;*/
            line-height: 290%;
        }

        td.more:hover > a {
            color: var(--themeBLue)
        }

        td.more:active > a {
            color: #008AC9;
        }

    </style>
</head>
<body>
<table>
    <thead>
    <tr><th>报警时间</th><th>预警指标</th><th>预警原因</th><th>平台名称</th><th>业务详述</th></tr>
    </thead>
    <tbody>
    <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金所</td><td class="more"><a href=""> 查看</a></td></tr>
    <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金所</td><td class="more"><a href=""> 查看</a></td></tr>
    <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金所</td><td class="more"><a href=""> 查看</a></td></tr>
    </tbody>
</table>

</body>
</html>